<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>快乐运动</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="../../bower_components/morris.js/morris.css">
  <!-- jvectormap -->
  <link rel="stylesheet" href="../../bower_components/jvectormap/jquery-jvectormap.css">
  <!-- Date Picker -->
  <link rel="stylesheet" href="../../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="../../bower_components/bootstrap-daterangepicker/daterangepicker.css">
  <!-- bootstrap wysihtml5 - text editor -->
  <link rel="stylesheet" href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

  <!-- Google Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
  
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <header class="main-header">
    <!-- Logo -->
    <a href="../../index.html" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>快乐运动</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>快乐运动</b></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- Messages: style can be found in dropdown.less-->
          <li class="dropdown messages-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-envelope-o"></i>
              <span class="label label-success">4</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">公告</li>
              <li>
                <!-- inner menu: contains the actual data -->
                <ul class="menu">
                  <li><!-- start message -->
                    <a href="#">
                      <div class="pull-left">
                        <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                      </div>
                      <h4>
                        【线上培训】
                        <small><i class="fa fa-clock-o"></i> 12月6号</small>
                      </h4>
                      <p>玩转工作室 so easy</p>
                    </a>
                  </li>
                  <!-- end message -->
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
                      </div>
                      <h4>
                        【线上培训】
                        <small><i class="fa fa-clock-o"></i> 12月5号</small>
                      </h4>
                      <p>开始啦。。。</p>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
                      </div>
                      <h4>
                        年终大促销
                        <small><i class="fa fa-clock-o"></i> 12月6号</small>
                      </h4>
                      <p>惊喜连连。。。</p>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
                      </div>
                      <h4>
                        【重要提醒】
                        <small><i class="fa fa-clock-o"></i> 12月5号</small>
                      </h4>
                      <p>动感单车开课了</p>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
                      </div>
                      <h4>
                        【重要提示】
                        <small><i class="fa fa-clock-o"></i> 12月5号</small>
                      </h4>
                      <p>我们是最好的</p>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="footer"><a href="../../pages/notice/list.html">查看全部</a></li>
            </ul>
          </li>
                    
          <!-- User Account: style can be found in dropdown.less -->
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
              <span class="hidden-xs">wt运动</span>
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
                <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">

                <p>
                  快乐运动
                  <small>13800138000</small>
                </p>
              </li>
              <!-- Menu Body -->
              <li class="user-body">
                <div class="row">
				<!--
                  <div class="col-xs-4 text-center">
                    <a href="editbrand.html">品牌设置</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="editpassword.html">修改密码</a>
                  </div>
                -->  
                </div>
                <!-- /.row -->
              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                
                <div class="pull-right">
                  <a href="../../login.html" class="btn btn-default btn-flat">退 出</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu" data-widget="tree">
        <li class="header"><b>主 菜 单</b></li>
        <li class="treeview active">
          <a href="#">
            <i class="glyphicon glyphicon-gift"></i> <span>数据魔方</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
            <li class="active" ><a href="../../pages/member/member.html"><i class="fa fa-circle-o"></i> 会员概况</a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#">
            <i class="glyphicon glyphicon-ok"></i>
            <span>预约签到</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="../../pages/ordersign/order.html"><i class="fa fa-circle-o"></i> 预约管理</a></li>
            <li><a href="../../pages/ordersign/sign.html"><i class="fa fa-circle-o"></i> 签到管理</a></li>
            <li><a href="../../pages/ordersign/entrance.html"><i class="fa fa-circle-o"></i> 智能入场</a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#">
            <i class="glyphicon glyphicon-king"></i>
            <span>会员管理</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="../../pages/member/allmember.html"><i class="fa fa-circle-o"></i> 全部会员</a></li>
            <li><a href="../../pages/member/membercardbind.html"><i class="fa fa-circle-o"></i> 会员邦卡</a></li>
            <li><a href="../../pages/member/setcard.html"><i class="fa fa-circle-o"></i> 设置会员卡</a></li>
          </ul>
        </li>
        <li class="treeview">
          <a href="#">
            <i class="glyphicon glyphicon-book"></i>
            <span>课程管理</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="../../pages/course/group.html"><i class="fa fa-circle-o"></i> 团课管理</a></li>
            <li><a href="../course/private.html"><i class="fa fa-circle-o"></i> 私教管理</a></li>
            <li><a href="../../pages/course/evaluation.html"><i class="fa fa-circle-o"></i> 评价管理</a></li>
            
          </ul>
        </li>
        
        <li class="treeview">
          <a href="#">
            <i class="glyphicon glyphicon-th"></i> <span>统计报表</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="../../pages/tables/income.html"><i class="fa fa-circle-o"></i> 营收报表</a></li>
            <li><a href="../../pages/tables/course.html"><i class="fa fa-circle-o"></i> 课程报表</a></li>
			<li><a href="../../pages/tables/card.html"><i class="fa fa-circle-o"></i> 会员卡报表</a></li>
            <li><a href="../../pages/tables/emp.html"><i class="fa fa-circle-o"></i> 员工报表</a></li>
			<li><a href="../../pages/tables/salary.html"><i class="fa fa-circle-o"></i> 薪资报表</a></li>

          </ul>
        </li>
        <li class="treeview">
          <a href="#">
            <i class="glyphicon glyphicon-user"></i> <span>员工设置</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="../../pages/employee/coach.html"><i class="fa fa-circle-o"></i> 工作人员</a></li>
            <li><a href="../../pages/employee/course.html"><i class="fa fa-circle-o"></i> 教练</a></li>
			<li><a href="../../pages/employee/card.html"><i class="fa fa-circle-o"></i> 员工请假</a></li>
            <li><a href="../../pages/employee/emp.html"><i class="fa fa-circle-o"></i> 薪资设置</a></li>
			
          </ul>
        </li>
        <li class="treeview">
          <a href="#">
            <i class="glyphicon glyphicon-leaf"></i> <span>场馆设置</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="../../pages/venue/edit.html"><i class="fa fa-circle-o"></i> 场馆编辑</a></li>
            <li><a href="../../pages/venue/photo.html"><i class="fa fa-circle-o"></i> 场馆相册</a></li>
			
          </ul>
        </li>
        
        <li>
          <a href="../../pages/service/service.html">
            <i class="glyphicon glyphicon-asterisk"></i> <span>系统设置</span>
            <span class="pull-right-container">
              <small class="label pull-right bg-green">sys</small>
            </span>
          </a>
        </li>
        
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        数据魔方
        <small>数据魔方 / 会员概况</small>
      </h1>
      
    </section>

    <!-- Main content -->
    <section class="content">
      
      <!-- Main row -->
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-12 connectedSortable">
          <!-- quick email widget -->
          <div class="box box-info">
            <div class="box-header">
              <i class="fa fa-user"></i>

              <h3 class="box-title">会员概况</h3>
              
            </div>
            
			<!-- Custom Tabs -->
			  <div class="nav-tabs-custom">
				<ul class="nav nav-tabs">
				  <li class="active"><a href="#tab_member1" data-toggle="tab">会员增长</a></li>
				  <!--<li><a href="#tab_member2" data-toggle="tab">会员属性</a></li>-->
				  
				</ul>
				<div class="tab-content">
				  
				  <div class="tab-pane active" id="tab_member1">
					<!-- Main content -->
					<section class="content">
					  <!-- Small boxes (Stat box) -->
					  <div class="row">
						<div class="col-lg-3 col-xs-6">
						  <select id="notic_type" class="form-control">
							<option value="all" selected="selected">全部场馆</option>
							<option value="happysprot">快乐运动</option>
						  </select>
						  <p></p>
						</div>
						<!-- ./col -->
								
					  </div>
					  <!-- /.row -->
					  <!-- Main row -->
					  <div class="row">
						<!-- Left col -->
						<section class="col-lg-4 connectedSortable">
						  <!-- TO text -->
						  <div class="box box-primary">
							<div class="box-header">
							  <i class="ion ion-clipboard"></i>

							  <h3 class="box-title">今日新增会员</h3>
							</div>
							<!-- /.box-header -->
							<div class="box-body">
							  <!-- See dist/js/pages/dashboard.js to activate the todoList plugin -->
							  <ul class="list-unstyled" style="text-align:center;">
								<li >
								  <h1>2</h1>
								</li>
								<li>
								  <h3>昨日：2</h3>
								</li>
								<li>
								  <h3>本周：10</h3>
								</li>
								<li>
								  <h3>本月：35</h3>
								</li>
								
							  </ul>
							</div>
							
						  </div>
						  <!-- /.box -->

						</section>
						<!-- /.Left col -->
						<!-- right col (We are only adding the ID to make the widgets sortable)-->
						<section class="col-lg-4 connectedSortable">

						  <!-- TO text -->
						  <div class="box box-primary">
							<div class="box-header">
							  <i class="ion ion-clipboard"></i>

							  <h3 class="box-title">今日付费会员</h3>
							</div>
							<!-- /.box-header -->
							<div class="box-body">
							  <!-- See dist/js/pages/dashboard.js to activate the todoList plugin -->
							  <ul class="list-unstyled" style="text-align:center;">
								<li >
								  <h1>2</h1>
								</li>
								<li>
								  <h3>昨日：2</h3>
								</li>
								<li>
								  <h3>本周：9</h3>
								</li>
								<li>
								  <h3>本月：34</h3>
								</li>
								
							  </ul>
							</div>
							
						  </div>
						  <!-- /.box -->

						</section>
						<!-- right col -->
						<!-- three col -->
						<section class="col-lg-4 connectedSortable">
						  <!-- TO DO List -->
						  <div class="box box-primary">
							<div class="box-header">
							  <i class="fa fa-bell"></i>

							  <h3 class="box-title">场馆转化</h3>
							</div>
							<!-- /.box-header -->
							<div class="box-body">
							  <canvas id="pieChart" style="height:250px"></canvas>
							</div>
							<br /><br />
						  </div>
						  <!-- /.box -->

						</section>
						<!-- ./three col -->
					  </div>
					  <!-- /.row (main row) -->
					  <!-- Second row -->
					  <div class="row">
						<!-- Left col -->
						<section class="col-lg-12 connectedSortable">
						  <!-- Custom Tabs -->
						  <div class="nav-tabs-custom">
							<ul class="nav nav-tabs">
							  <li id="newuser" class="active"><a href="#tab_1" data-toggle="tab">新增会员</a></li>
							  <li id="newpayuser"><a href="#tab_2" data-toggle="tab">新增付费会员</a></li>
							  <li id="activeuser"><a href="#tab_3" data-toggle="tab">活跃会员</a></li>
							  <li id="payuser"><a href="#tab_4" data-toggle="tab">付费会员</a></li>
							  <li id="multiuser"><a href="#tab_5" data-toggle="tab">积累会员</a></li>
							  
							  <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
							</ul>
							<div class="tab-content">
							  <div class="tab-pane active" id="tab_1">
							    <table>
								  <tr>
								    <td><button type="button" class="btn btn-block btn-default active">近30天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近15天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近7天</button></td>
								  </tr>
								</table>
							    
								<!-- LINE CHART -->
								<div class="box box-info">
							      <div class="box-header with-border">
									<h3 class="box-title">Line Chart</h3>

									<div class="box-tools pull-right">
									  <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
									  </button>
									  <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
									</div>
								  </div>
								  <div class="box-body chart-responsive">
									<div class="chart" id="line-chart1" style="height: 300px;"></div>
								  </div>
								  <!-- /.box-body -->
								</div>
								<!-- /.box -->
							  </div>
							  <!-- /.tab-pane -->
							  <div class="tab-pane" id="tab_2">
							    <table>
								  <tr>
								    <td><button type="button" class="btn btn-block btn-default active">近30天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近15天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近7天</button></td>
								  </tr>
								</table>
							    
								<!-- LINE CHART -->
								<div class="box box-info">
							      <div class="box-header with-border">
									<h3 class="box-title">Line Chart</h3>

									<div class="box-tools pull-right">
									  <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
									  </button>
									  <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
									</div>
								  </div>
								  <div class="box-body chart-responsive">
									<div class="chart" id="line-chart2" style="height: 300px;"></div>
								  </div>
								  <!-- /.box-body -->
								</div>
								<!-- /.box -->
							  </div>
							  <!-- /.tab-pane -->
							  <div class="tab-pane" id="tab_3">
							    <table>
								  <tr>
								    <td><button type="button" class="btn btn-block btn-default active">近30天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近15天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近7天</button></td>
								  </tr>
								</table>
							    
								<!-- LINE CHART -->
								<div class="box box-info">
							      <div class="box-header with-border">
									<h3 class="box-title">Line Chart</h3>

									<div class="box-tools pull-right">
									  <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
									  </button>
									  <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
									</div>
								  </div>
								  <div class="box-body chart-responsive">
									<div class="chart" id="line-chart3" style="height: 300px;"></div>
								  </div>
								  <!-- /.box-body -->
								</div>
								<!-- /.box -->
							  </div>
							  <!-- /.tab-pane -->
							  <div class="tab-pane" id="tab_4">
							    <table>
								  <tr>
								    <td><button type="button" class="btn btn-block btn-default active">近30天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近15天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近7天</button></td>
								  </tr>
								</table>
							    
								<!-- LINE CHART -->
								<div class="box box-info">
							      <div class="box-header with-border">
									<h3 class="box-title">Line Chart</h3>

									<div class="box-tools pull-right">
									  <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
									  </button>
									  <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
									</div>
								  </div>
								  <div class="box-body chart-responsive">
									<div class="chart" id="line-chart4" style="height: 300px;"></div>
								  </div>
								  <!-- /.box-body -->
								</div>
								<!-- /.box -->
							  </div>
							  <!-- /.tab-pane -->
							  <div class="tab-pane" id="tab_5">
							    <table>
								  <tr>
								    <td><button type="button" class="btn btn-block btn-default active">近30天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近15天</button></td>
									<td><button type="button" class="btn btn-block btn-default">近7天</button></td>
								  </tr>
								</table>
							    
								<!-- LINE CHART -->
								<div class="box box-info">
							      <div class="box-header with-border">
									<h3 class="box-title">Line Chart</h3>

									<div class="box-tools pull-right">
									  <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
									  </button>
									  <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
									</div>
								  </div>
								  <div class="box-body chart-responsive">
									<div class="chart" id="line-chart5" style="height: 300px;"></div>
								  </div>
								  <!-- /.box-body -->
								</div>
								<!-- /.box -->
							  </div>
							  <!-- /.tab-pane -->
							</div>
							<!-- /.tab-content -->
						  </div>
						  <!-- nav-tabs-custom -->

						</section>
						<!-- /.Left col -->
						
					  </div>
					  <!-- /.row (main row) -->

					</section>
					<!-- /.content -->
				  </div>
				  <!-- /.tab-pane -->
				  <div class="tab-pane" id="tab_member2">
					<b>内容暂无qqqqqqqqqqqq2</b>

					<p></p>
				  </div>
				  
				  
				</div>
				<!-- /.tab-content -->
			  </div>
          <!-- nav-tabs-custom -->
			
          </div>

        </section>
        <!-- /.Left col -->
        
      </div>
      <!-- /.row (Second row) -->

    </section>
    <!-- /.content -->
	
  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b> 1.0.0
    </div>
    <strong>Copyright &copy; 2017-2018 <a href="http://www.tedu.cn">XX科技</a>.</strong> All rights
    reserved.
  </footer>

  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    
    <!-- Create the tabs -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
      <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab">全部</a></li>
      <li><a href="#control-sidebar-settings-tab" data-toggle="tab">预约</a></li>
	  <li><a href="#control-sidebar-pay-tab" data-toggle="tab">付费</a></li>
	  <li><a href="#control-sidebar-system-tab" data-toggle="tab">系统</a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
      <!-- Home tab content -->
      <div class="tab-pane active" id="control-sidebar-home-tab">
        <h3 class="control-sidebar-heading">最新通知</h3>
        <ul class="control-sidebar-menu">
		  
          <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>您当前短信已用完，系统将不再发送短信。如需启用，请立即点此充值</p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>您的账户将于2017-12-12 23:59:59到期，为了不影响您使用，请立即点此充值</p>
              </div>
            </a>
          </li>
          
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>您当前短信已用完，系统将不再发送短信。如需启用，请立即点此充值</p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>您的账户将于2017-12-12 23:59:59到期，为了不影响您使用，请立即点此充值</p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>万事具备，只差会员，请您开始添加会员吧！</p>
              </div>
            </a>
          </li>
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>课程添加好了，放到课程表内，会员才可以约课哦：团课排期，私教排期</p>
              </div>
            </a>
          </li>
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>该开始添加课程了：添加团课课程，添加私教课程</p>
              </div>
            </a>
          </li>
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>现在，设置一下我们的专属会员卡吧：添加会员卡类别</p>
              </div>
            </a>
          </li>
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>好了，现在可以添加我们的员工和教练了：添加员工</p>
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->
        
      </div>
      <!-- /.tab-pane -->
      <!-- Stats tab content -->
      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
      <!-- /.tab-pane -->
      <!-- Settings tab content -->
      <div class="tab-pane" id="control-sidebar-settings-tab">
        预约暂无内容
      </div>
      <!-- /.tab-pane -->
	  <!-- Settings tab content -->
      <div class="tab-pane" id="control-sidebar-pay-tab">
        付费暂无内容
      </div>
      <!-- /.tab-pane -->
	  <!-- Home tab content -->
      <div class="tab-pane" id="control-sidebar-system-tab">
        <h3 class="control-sidebar-heading">最新通知</h3>
        <ul class="control-sidebar-menu">
		  
          <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>您当前短信已用完，系统将不再发送短信。如需启用，请立即点此充值</p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>您的账户将于2017-12-12 23:59:59到期，为了不影响您使用，请立即点此充值</p>
              </div>
            </a>
          </li>
          
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>您当前短信已用完，系统将不再发送短信。如需启用，请立即点此充值</p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>您的账户将于2017-12-12 23:59:59到期，为了不影响您使用，请立即点此充值</p>
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>万事具备，只差会员，请您开始添加会员吧！</p>
              </div>
            </a>
          </li>
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>课程添加好了，放到课程表内，会员才可以约课哦：团课排期，私教排期</p>
              </div>
            </a>
          </li>
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>该开始添加课程了：添加团课课程，添加私教课程</p>
              </div>
            </a>
          </li>
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>现在，设置一下我们的专属会员卡吧：添加会员卡类别</p>
              </div>
            </a>
          </li>
		  <li>
            <a href="#">
              <i class="menu-icon fa fa-bullhorn bg-yellow"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">
				  系统通知
				  <small class="pull-right"><i class="fa fa-clock-o"></i> 12-6 10:10</small>
				</h4>

                <p>好了，现在可以添加我们的员工和教练了：添加员工</p>
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->
        
      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- jQuery 3 -->
<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="../../bower_components/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<script src="../../bower_components/raphael/raphael.min.js"></script>
<script src="../../bower_components/morris.js/morris.min.js"></script>
<!-- Sparkline -->
<script src="../../bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="../../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="../../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="../../bower_components/jquery-knob/dist/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="../../bower_components/moment/min/moment.min.js"></script>
<script src="../../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="../../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- DataTables -->
<script src="../../bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../../bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- Slimscroll -->
<script src="../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- ChartJS -->
<script src="../../bower_components/Chart.js/Chart.js"></script>
<!-- Morris.js charts -->
<script src="../../bower_components/raphael/raphael.min.js"></script>
<script src="../../bower_components/morris.js/morris.min.js"></script>
<!-- FastClick -->
<script src="../../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="../../dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<!--<script src="dist/js/demo.js"></script>-->
<script>
  $(function () {
    /* ChartJS
     * -------
     * Here we will create a few charts using ChartJS
     */

    //-------------
    //- PIE CHART -
    //-------------
    // Get context with jQuery - using jQuery's .get() method.
    var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
    var pieChart       = new Chart(pieChartCanvas)
    var PieData        = [
      {
        value    : 3,
        color    : '#f56954',
        highlight: '#f56954',
        label    : '全部用户'
      },
      {
        value    : 2,
        color    : '#00a65a',
        highlight: '#00a65a',
        label    : '付费用户'
      },
      {
        value    : 1,
        color    : '#f39c12',
        highlight: '#f39c12',
        label    : '续费用户'
      }
    ]
    var pieOptions     = {
      //Boolean - Whether we should show a stroke on each segment
      segmentShowStroke    : true,
      //String - The colour of each segment stroke
      segmentStrokeColor   : '#fff',
      //Number - The width of each segment stroke
      segmentStrokeWidth   : 2,
      //Number - The percentage of the chart that we cut out of the middle
      percentageInnerCutout: 50, // This is 0 for Pie charts
      //Number - Amount of animation steps
      animationSteps       : 100,
      //String - Animation easing effect
      animationEasing      : 'easeOutBounce',
      //Boolean - Whether we animate the rotation of the Doughnut
      animateRotate        : true,
      //Boolean - Whether we animate scaling the Doughnut from the centre
      animateScale         : false,
      //Boolean - whether to make the chart responsive to window resizing
      responsive           : true,
      // Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
      maintainAspectRatio  : true
    }
    //Create pie or douhnut chart
    // You can switch between pie and douhnut using the method below.
    pieChart.Doughnut(PieData, pieOptions)
	
	 "use strict";
	
	
	//给新增会员的tab项添加click事件
	$("#newuser").click(function(){
		
		// LINE CHART  此处data的数据由服务端提供
		var line1 = new Morris.Line({
		  element: 'line-chart1',
		  resize: true,
		  data: [
			{y: '2017-11-12', item1: 10},
			{y: '2017-11-13', item1: 20},
			{y: '2017-11-14', item1: 30},
			{y: '2017-11-15', item1: 15},
			{y: '2017-11-16', item1: 25},
			{y: '2017-11-17', item1: 0},
			{y: '2017-11-18', item1: 5},
			{y: '2017-11-19', item1: 50},
			{y: '2017-11-20', item1: 20},
			{y: '2017-11-21', item1: 2},
			{y: '2017-11-22', item1: 22},
			{y: '2017-11-23', item1: 33},
			{y: '2017-11-24', item1: 44},
			{y: '2017-11-25', item1: 55},
			{y: '2017-11-26', item1: 12},
			{y: '2017-11-27', item1: 21},
			{y: '2017-11-28', item1: 22},
			{y: '2017-11-29', item1: 23},
			{y: '2017-11-30', item1: 32},
			{y: '2017-11-31', item1: 32},
			{y: '2017-12-01', item1: 15},
			{y: '2017-12-02', item1: 51},
			{y: '2017-12-03', item1: 22},
			{y: '2017-12-04', item1: 11},
			{y: '2017-12-05', item1: 33},
			{y: '2017-12-06', item1: 55},
			{y: '2017-12-07', item1: 22},
			{y: '2017-12-08', item1: 11},
			{y: '2017-12-09', item1: 44},
			{y: '2017-12-10', item1: 88},
			{y: '2017-12-11', item1: 100},
			{y: '2017-12-12', item1: 55}
		  ],
		  xkey: 'y',
		  ykeys: ['item1'],
		  labels: ['数量'],
		  lineColors: ['#3c8dbc'],
		  lineWidth : 2,
		  hideHover : 'auto'
		});
	});
	//给新增付费会员的tab项添加click事件
	
	$("#newpayuser").click(function(e){
	    alert("aaaaaaaaaaaaaaaaaaa");
		//e.preventDefault();
		//e.target // newly activated tab
       // e.relatedTarget // previous active tab
		// LINE CHART  此处data的数据由服务端提供
		var line2 = new Morris.Line({
		  element: 'line-chart2',
		  resize: true,
		  data: [
			{y: '2017-11-12', item2: 10},
			{y: '2017-11-13', item2: 20},
			{y: '2017-11-14', item2: 30},
			{y: '2017-11-15', item2: 15},
			{y: '2017-11-16', item2: 25},
			{y: '2017-11-17', item2: 0},
			{y: '2017-11-18', item2: 5},
			{y: '2017-11-19', item2: 50},
			{y: '2017-11-20', item2: 20},
			{y: '2017-11-21', item2: 2},
			{y: '2017-11-22', item2: 22},
			{y: '2017-11-23', item2: 33},
			{y: '2017-11-24', item2: 44},
			{y: '2017-11-25', item2: 55},
			{y: '2017-11-26', item2: 12},
			{y: '2017-11-27', item2: 21},
			{y: '2017-11-28', item2: 22},
			{y: '2017-11-29', item2: 23},
			{y: '2017-11-30', item2: 32},
			{y: '2017-11-31', item2: 32},
			{y: '2017-12-01', item2: 15},
			{y: '2017-12-02', item2: 51},
			{y: '2017-12-03', item2: 22},
			{y: '2017-12-04', item2: 11},
			{y: '2017-12-05', item2: 33},
			{y: '2017-12-06', item2: 55},
			{y: '2017-12-07', item2: 22},
			{y: '2017-12-08', item2: 11},
			{y: '2017-12-09', item2: 44},
			{y: '2017-12-10', item2: 88},
			{y: '2017-12-11', item2: 100},
			{y: '2017-12-12', item2: 55}
		  ],
		  xkey: 'y',
		  ykeys: ['item2'],
		  labels: ['数量'],
		  lineColors: ['#3c8dbc'],
		  lineWidth : 2,
		  hideHover : 'auto'
		});
		
	});
	//给活跃会员tab项添加click事件
	$("#activeuser").click(function(){
		
		// LINE CHART  此处data的数据由服务端提供
		var line2 = new Morris.Line({
		  element: 'line-chart3',
		  resize: true,
		  data: [
			{y1: '2017-11-12', item1: 10},
			{y1: '2017-11-13', item1: 20},
			{y1: '2017-11-14', item1: 30},
			{y1: '2017-11-15', item1: 15},
			{y1: '2017-11-16', item1: 25},
			{y1: '2017-11-17', item1: 0},
			{y1: '2017-11-18', item1: 5},
			{y1: '2017-11-19', item1: 50},
			{y1: '2017-11-20', item1: 20},
			{y1: '2017-11-21', item1: 2},
			{y1: '2017-11-22', item1: 22},
			{y1: '2017-11-23', item1: 33},
			{y1: '2017-11-24', item1: 44},
			{y1: '2017-11-25', item1: 55},
			{y1: '2017-11-26', item1: 12},
			{y1: '2017-11-27', item1: 21},
			{y1: '2017-11-28', item1: 22},
			{y1: '2017-11-29', item1: 23},
			{y1: '2017-11-30', item1: 32},
			{y1: '2017-11-31', item1: 32},
			{y1: '2017-12-01', item1: 15},
			{y1: '2017-12-02', item1: 51},
			{y1: '2017-12-03', item1: 22},
			{y1: '2017-12-04', item1: 11},
			{y1: '2017-12-05', item1: 33},
			{y1: '2017-12-06', item1: 55},
			{y1: '2017-12-07', item1: 22},
			{y1: '2017-12-08', item1: 11},
			{y1: '2017-12-09', item1: 44},
			{y1: '2017-12-10', item1: 88},
			{y1: '2017-12-11', item1: 100},
			{y1: '2017-12-12', item1: 55}
		  ],
		  xkey: 'y1',
		  ykeys: ['item1'],
		  labels: ['数量'],
		  lineColors: ['#3c8dbc']
		});
		
	});
	//给付费会员tab项添加click事件
	$("#payuser").click(function(){
		
		// LINE CHART  此处data的数据由服务端提供
		var line2 = new Morris.Line({
		  element: 'line-chart4',
		  resize: true,
		  data: [
			{y1: '2017-11-12', item1: 10},
			{y1: '2017-11-13', item1: 20},
			{y1: '2017-11-14', item1: 30},
			{y1: '2017-11-15', item1: 15},
			{y1: '2017-11-16', item1: 25},
			{y1: '2017-11-17', item1: 0},
			{y1: '2017-11-18', item1: 5},
			{y1: '2017-11-19', item1: 50},
			{y1: '2017-11-20', item1: 20},
			{y1: '2017-11-21', item1: 2},
			{y1: '2017-11-22', item1: 22},
			{y1: '2017-11-23', item1: 33},
			{y1: '2017-11-24', item1: 44},
			{y1: '2017-11-25', item1: 55},
			{y1: '2017-11-26', item1: 12},
			{y1: '2017-11-27', item1: 21},
			{y1: '2017-11-28', item1: 22},
			{y1: '2017-11-29', item1: 23},
			{y1: '2017-11-30', item1: 32},
			{y1: '2017-11-31', item1: 32},
			{y1: '2017-12-01', item1: 15},
			{y1: '2017-12-02', item1: 51},
			{y1: '2017-12-03', item1: 22},
			{y1: '2017-12-04', item1: 11},
			{y1: '2017-12-05', item1: 33},
			{y1: '2017-12-06', item1: 55},
			{y1: '2017-12-07', item1: 22},
			{y1: '2017-12-08', item1: 11},
			{y1: '2017-12-09', item1: 44},
			{y1: '2017-12-10', item1: 88},
			{y1: '2017-12-11', item1: 100},
			{y1: '2017-12-12', item1: 55}
		  ],
		  xkey: 'y1',
		  ykeys: ['item1'],
		  labels: ['数量'],
		  lineColors: ['#3c8dbc']
		});
	});
	//给积累会员的tab项添加click事件
	$("#multiuser").click(function(){
		
		// LINE CHART  此处data的数据由服务端提供
		var line1 = new Morris.Line({
		  element: 'line-chart5',
		  resize: true,
		  data: [
			{y: '2017-11-12', item1: 10},
			{y: '2017-11-13', item1: 20},
			{y: '2017-11-14', item1: 30},
			{y: '2017-11-15', item1: 15},
			{y: '2017-11-16', item1: 25},
			{y: '2017-11-17', item1: 0},
			{y: '2017-11-18', item1: 5},
			{y: '2017-11-19', item1: 50},
			{y: '2017-11-20', item1: 20},
			{y: '2017-11-21', item1: 2},
			{y: '2017-11-22', item1: 22},
			{y: '2017-11-23', item1: 33},
			{y: '2017-11-24', item1: 44},
			{y: '2017-11-25', item1: 55},
			{y: '2017-11-26', item1: 12},
			{y: '2017-11-27', item1: 21},
			{y: '2017-11-28', item1: 22},
			{y: '2017-11-29', item1: 23},
			{y: '2017-11-30', item1: 32},
			{y: '2017-11-31', item1: 32},
			{y: '2017-12-01', item1: 15},
			{y: '2017-12-02', item1: 51},
			{y: '2017-12-03', item1: 22},
			{y: '2017-12-04', item1: 11},
			{y: '2017-12-05', item1: 33},
			{y: '2017-12-06', item1: 55},
			{y: '2017-12-07', item1: 22},
			{y: '2017-12-08', item1: 11},
			{y: '2017-12-09', item1: 44},
			{y: '2017-12-10', item1: 88},
			{y: '2017-12-11', item1: 100},
			{y: '2017-12-12', item1: 55}
		  ],
		  xkey: 'y',
		  ykeys: ['item1'],
		  labels: ['数量'],
		  lineColors: ['#3c8dbc'],
		  lineWidth : 2,
		  hideHover : 'auto'
		});
	});
    $('#newuser').trigger("click");
	
	
   
  });
</script>

</body>
</html>
